<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>消息列表</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="stylesheet" href="../../css/public-heder-Reset.css">
<style type="text/css">
/*NewsList*/
.NewsList{width:100%;background:#fff;padding:0 12px;}
.NewsList .infor{display:block;width:100%;font-size:12px;line-height:16px;color:#6d6d6d;border-bottom:1px solid #ececec;box-sizing:border-box;padding:12px 10px;}
.NewsList .infor .title{}
.NewsList .infor .title span{font-size:13px;color:#000;line-height:30px;}
.NewsList .infor .title i{line-height:30px;}	
</style>	
</head>
<body>
	<!-- page_box -->
	<div class="page-box">
		<!-- header -->
		<header class="page-header">
			<a href="javascript:history.go(-1)" class="back"></a>
			<p class="pege-name">消息列表</p>
		</header>
		<div class="liubai"></div>
		<!-- header /-->
		<!-- login-detailed -->
		<div class="NewsList">
			<!-- ajax获取消息列表 -->
			<!-- <div class="infor">
				<div class="title clear">
					<span class="fl">公司公司的</span>
					<i class="fr">所发生的</i>
				</div>
			</div> -->
		</div>
		<!-- login-detailed / -->
	</div>
<script type="text/javascript" src="../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../js/http-url.js"></script>
<script type="text/javascript" src="../../js/dropload.js"></script>
<script type="text/javascript">
	$(function(){
		var projectsNuber=0;
		$('.page-box').dropload({
	        scrollArea : window,
	        loadDownFn : function(me){
        		load_me=me;
          		ajaxRequest('/api/message/'+projectsNuber+'',null,function(data){
		          	projectsNuber++;
			            // 判断是否加载完毕
		            if(!data.data.lists){
			               // 锁定`
		                me.lock();
			              // 无数据
		              	me.noData();
		            }
	           	 	$(data.data.lists).appendTo('.NewsList');
	           	    me.resetload();
	         	 },false);  
			        },
			        threshold :50
			    });	
	});
	
</script>
</body>
</html>